<template>
	<view class="page">
		<view class="tabTitle">
			物资信息
		</view>
		<view class="box">
			<view class="item flex">
				<view class="item_label">
					设备类型
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					设备位号
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					设备名称
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					设备型号
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					单位
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					设备分级
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					资产编号
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					供应商
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					购置日期
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					制造厂家
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					出厂编号
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					出厂日期
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					安装日期
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					投用日期
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					使用状态
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
			<view class="item flex">
				<view class="item_label">
					所在位置
				</view>
				<view class="item_value">
					内容
				</view>
			</view>
		</view>
	
	<view class="tabTitle">
		归属信息
	</view>
	 <view class="box">
		 <view class="item flex">
		 	<view class="item_label">
		 		归属部门
		 	</view>
		 	<view class="item_value">
		 		内容
		 	</view>
		 </view>
		 <view class="item flex">
		 	<view class="item_label">
		 		使用部门
		 	</view>
		 	<view class="item_value">
		 		内容
		 	</view>
		 </view>
		 <view class="item flex">
		 	<view class="item_label">
		 		负责人
		 	</view>
		 	<view class="item_value">
		 		内容
		 	</view>
		 </view>
	 </view>
	 <view class="tabTitle">
	 	归属信息
	 </view>
	 <view class="box">
	 		 <view class="item flex align-items" >
	 		 	<view class="item_label">
	 		 		实盘数量
	 		 	</view>
	 		 	<view class="item_value" style="text-align: left;">
	 		 		<input class="inputs" value="" placeholder="请输入" placeholder-style="font-size:26rpx" />
	 		 	</view>
	 		 </view>
	 		<view class="item flex align-items" >
	 			<view class="item_label">
	 				原因
	 			</view>
	 			<view class="item_value" style="text-align: left;">
	 				<input class="inputs" value="" placeholder="请输入" placeholder-style="font-size:26rpx" />
	 			</view>
	 		</view>
	 		
	 </view>
	 
	 <view class="btn flex justify-content-around">
	 	 <view class="btn_left" >返回</view>
	 	 <view class="btn_right" @click="jumpTo('/pages/InventoryCounting/Ledger')"> 保存</view>
	 </view>
	</view>
</template>

<script>
</script>

<style>
	page {
		background-color: #f6f6f6;
	}
</style>

<style scoped lang="scss">
	.page{
		padding-bottom: 160rpx;
	}
	.tabTitle {
		padding-left: 30rpx;
		border-left: 4rpx solid #267DFF;
		margin-left: 30rpx;
		font-size: 28rpx;
		margin-top: 30rpx;
		font-weight: bold;
	}

	.box {
		background-color: #FFF;
		margin-top: 30rpx;
		padding: 30rpx;

		.item {
			font-size: 28rpx;
			padding-bottom: 20rpx;
			border-bottom: 2rpx solid #e1e1e1;
			margin-top: 30rpx;

			&_label {
				width: 150rpx;
				color: #9c9c9c;
			}

			&_value {
				font-weight: 500;
				flex: 1;
				text-align: right;
			}
		}

		.item:first-child {
			margin-top: 0;
		}

		.item:last-child {
			border-bottom: none;
			padding-bottom: 0rpx;
		}
	}
	
	.btn{
		position: fixed;
		bottom: -2rpx;
		padding: 30rpx;
		background-color: #FFF;
		width: 100%;
		view{
			width: 300rpx;
			text-align: center;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 8rpx;
		}
		&_left{
			border: 2rpx solid  #9c9c9c;
		}
		&_right{
		  background-color:  #267DFF;
		  color: #FFF;
		}
	}
</style>